﻿@model TumbaloSoft.Helpers.QueryObjects.BusquedaProveedor

@{
    Layout = "~/Views/Shared/_AdministradorGeneralLayout.cshtml";
	ViewBag.Title = "Listado de Proveedores";
}

<script>
    $(document).ready(function () {
        var id = $("#id");

        function updateTips(t) {
            tips
			    .text(t)
			    .addClass("ui-state-highlight");
            setTimeout(function () {
                tips.removeClass("ui-state-highlight", 1500);
            }, 500);
        }

        $("#dialog-form").dialog({
            autoOpen: false,
            height: 600,
            width: 600,
            modal: true,
            buttons: {
                "Buscar": function () {
                    document.getElementById('busqueda').submit()
                    $(this).dialog("close");
                },
                Cancelar: function () {
                    $(this).dialog("close");
                }
            },
            close: function () {
                allFields.val("").removeClass("ui-state-error");
            }
        });

        $("#buscar")
		    .button()
		    .click(function () {
		        $("#dialog-form").dialog("open");
		    });
    });

</script>


<script>
    function siguientePagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.nextPage' id='prPage' name='prPage'>";
		document.getElementById("busqueda").appendChild(prPage);
		document.getElementById("busqueda").submit();
    }
    function anteriorPagina() {
        var form = document.getElementById("Busqueda");
        var prPage = document.createElement("div");
        prPage.innerHTML = "<input type='hidden' value='@ViewBag.prevPage' id='prPage' name='prPage'>";
   	document.getElementById("busqueda").appendChild(prPage);
   	document.getElementById("busqueda").submit();
   }
</script>

<script>

    function natural() {

        var t = document.getElementById("tipop");
        t.value='0';
    }

    function juridica() {

        var t = document.getElementById("tipop");
        t.value = '1';
    }


</script>


<body id="page5">
<!-- content -->
		<div class="body2">
			<div class="main">
				<section id="content">
					<div class="wrapper">
                        <!--ESTA COLUMNA ES PARA EL MENU DE NAVEGACION DE LA IZQUIERDA QUE HABIA EN LOS MOCKUPS
                            DISCULPEN SI LOS ESTILOS ESTAN MAL NO SE MUCHO CSS-->
                        <article class="col0">
                            <nav class="urbangreymenu">
                                <h3 class="headerbar">Listado Contratos</h3>
                                    <ul id="subMenu">
									<!--
                                        <li><h5>@Html.ActionLink("Nuevo Edificio","Registrar")</h5></li>
                                        <li><h5>@Html.ActionLink("Modificar Edificio","Modificar")</h5></li>
                                        <li><h5>@Html.ActionLink("Eliminar Edificio","Index")</h5></li>
										-->
                                    </ul>
                            </nav>
                        </article>









                        <div id="dialog-form" title="Busqueda de Proveedor">
						<p class="validateTips">Ingrese Los criterios de Busqueda</p>

						<form id="busqueda" method="get" action="/Proveedor">
							<div class="row">
								<span>
									<br>
									Nombre</span>
								<br>@Html.TextBoxFor(model => model.prNombre, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prNombre, null, new { style = "float: none" })
							</div>
							
                            <div class="row">
								<span>
									<br>
									Apellido Paterno</span>
								<br>@Html.TextBoxFor(model => model.prApellidoPaterno, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prApellidoPaterno, null, new { style = "float: none" })
							</div>
                            
                            <div class="row">
								<span>
									<br>
									Apellido Materno</span>
								<br>@Html.TextBoxFor(model => model.prApellidoMaterno, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prApellidoMaterno, null, new { style = "float: none" })
							</div>

                            <div  class="wrapper" id="sexo">
                                            <span id="l_sexo"><br>Sexo</span>
											<br><input type="radio" name="prSexo" value="M" "natural()">Masculino
												<input type="radio" name="prSexo" value="F" ">Femenino<br>
							
										</div>

                            <div class="row">
								<span>
									<br>
									Razon Social</span>
								<br>@Html.TextBoxFor(model => model.prRazonSocial, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prRazonSocial, null, new { style = "float: none" })
							</div>


                            <div class="row">
								<span>
									<br>
									Ruc</span>
								<br>@Html.TextBoxFor(model => model.prRuc, new { style = "border: 1px solid black" })
								@Html.ValidationMessageFor(model => model.prRuc, null, new { style = "float: none" })
							</div>

                            <input hidden id="tipop" name="tipo" value="2"/>

                            <div  class="wrapper">
                               <span><br>Tipo Persona</span>
                                            
                                            
								<br>
                                
                                    
                                
                                    <input type="radio" name="rtipo" value="0" onClick="natural()">Natural
           

								    <input type="radio" name="rtipo" value="1" onClick="juridica()">Juridica<br>
                            </div>


                           
						</form>
					</div>


						<article class="col1">
                            <!--dentro de div pad2 trabajare mi formulario -->
							<div class="pad2">
								<h2 class="pad_bot1 pad_top1">Lista de contratos</h2>
									
                                   <form id="ContactForm" method="post">
                                       	<div  class="wrapper" style="overflow:auto">
											<br><span style="float : none"><a id="buscar">Buscar</a></span>
											<br><br><table border ="1" id="indice">
                                                <tr>
                                                    <th>ID</th>
                                                    <th>Tipo</th>
                                                    <th>Nombre / Razon Social</th>
                                                    <th>RUC</th>
                                                    <th>Fecha Naciemiento</th>
													<th>Telefono</th>
													<th>Direccion</th>
													<th>Documento</th>					
                                                    <th>Servicio</th>								
                                                    <th>Editar</th>
													<th>Eliminar</th>
                                                </tr>
                                                    @foreach (var proveedor in ViewBag.ListaProveedor)
                                                    {
                                                        <tr class="alt">                                                            
                                                            
                                                            <td>@proveedor.prIdProveedor</td>
                                                            @if (proveedor.prTipoEspecial==0){
                                                                <td>Natural</td>
                                                            }else{
                                                                <td>Juridica</td>
                                                            }

                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@(proveedor.prProveedorNatural.prNombre + " " + proveedor.prProveedorNatural.prApellidoPaterno)</td>
                                                            }else{
                                                                <td>@proveedor.prProveedorJuridico.prRazonSocial</td>
                                                            }

                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@proveedor.prProveedorNatural.prRuc</td>
                                                            }else{
                                                                <td>@proveedor.prProveedorJuridico.prRuc</td>
                                                            }


                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@proveedor.prProveedorNatural.prFechaNacimiento.ToShortDateString()</td>
                                                            }else{
                                                                <td>---------------</td>
                                                            }

                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@proveedor.prProveedorNatural.prTelefono</td>
                                                            }
                                                            else
                                                            {
                                                                <td>@proveedor.prProveedorJuridico.prTelefono</td>
                                                            }

                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@proveedor.prProveedorNatural.prDireccion</td>
                                                            }
                                                            else
                                                            {
                                                                <td>@proveedor.prProveedorJuridico.prDireccion</td>
                                                            }
                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                                <td>@proveedor.prProveedorNatural.prCodigoDocumento</td>
                                                            }
                                                            else
                                                            {
                                                                <td>-------------------</td>
                                                            }

                                                            <td>@proveedor.prDescripcion</td>

                                                            @if (proveedor.prTipoEspecial == 0)
                                                            {
                                                            
                                                                <td><a href="/Proveedor/Modificar?id=@proveedor.prIdProveedor&tipo=0">Editar</a></td>
															    <td><a href="/Proveedor/Eliminar?id=@proveedor.prIdProveedor&tipo=0">Eliminar</a></td>
                                                                 
                                                            }
                                                            else
                                                            {
                                                                <td><a href="/Proveedor/Modificar?id=@proveedor.prIdProveedor&tipo=1">Editar</a></td>
															    <td><a href="/Proveedor/Eliminar?id=@proveedor.prIdProveedor&tipo=1">Eliminar</a></td>
                                                            }
                                                            
                                                            
                                                        </tr>
                                                    }
											</table>
                                           	<br><span style="float : none"><a href="/Proveedor/Registrar" class="button">Agregar Nuevo</a></span>
										</div>						
								   </form>
                                </div>
								 <br />
						<span style="float: none">
                            <input hidden value="@ViewBag.numPages" name="numpaginas" />
                            <input hidden value="@ViewBag.prevPage" name="prevPage" />
                            <input hidden value="@ViewBag.nextPage" name="nextPage" />

							@if (ViewBag.prevPage > 0)
       {
								<a href="javascript:anteriorPagina()"><img  src="../Content/site/images/icono_anterior.png" /></a> 
       }							 
                                        @if (ViewBag.nextPage <= ViewBag.numPages)
                                        {
									<a href="javascript:siguientePagina()"><img  src="../Content/site/images/icono_siguiente.png" /></a>
								}
						</span>
							
						</article>
                        </div>
				
				</section>
			</div>
            </div>
		
<!-- / content -->
		
		<script type="text/javascript"> Cufon.now(); </script>

</body>